{%extends "base.html"%}

{%block style%}
<link rel="stylesheet" type="text/css" href="/stylesheets/syllabusStyle.css" />
{%endblock%}

{%block titulo%} Temario del curso {%endblock%}

{%block breadcrumbs%}<div id="middleBreadcrumb">
                            <a href="/home/">home</a> >
                       </div>
                       <div id="middleBreadcrumb">
                            <a href="/course/{{course.code}}/{{group.id}}/">{{course.name}}</a> >
                       </div>
                       <div id="lastBreadcrumb">
                           Temario del curso
                       </div>
{% endblock %}

{% block cuerpo %}
<div id="syllabus_title">Temario</div>
<br />
{%if topicList%}
{%if isTeacher%}
    &iquest;Desea <a href="/subirTemario/{{course.code}}/{{group.code}}/">modificar el temario</a>?
    <br />
    <br />
{%endif%}
<!--#[number,indent,name,desc]-->
<div id="syllabus">
    <table id="topic_title">
    {%for topic in topicList%}
            <tr>
            {%if topic.4%}
                <td id="evenTopic">
            {%else%}
                <td id="oddTopic">
            {%endif%}
        {%for iteration in topic.1%}
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <!-- 5 spaces-->
        {%endfor%}<!--ends interation in topic-->
        {{topic.0}} - {{topic.2}}

        {%if topic.3%}
            <br />
            {%for iteration in topic.1%}
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            {%endfor%}
            {{topic.3}}
            </td>

        {%endif%}<!-- ends if topic.3-->
        </td></tr>

    {%endfor%}<!--ends topic in topicList-->
    </table>
    <hr />
</div>
{%else%}
    {%if isTeacher%}
        No ha subido un temario para este curso. &iquest;Desea <a href="/subirTemario/{{course.code}}/{{group.code}}/">subir un temario</a>?<br />
    {%else%}
        {{group.teacher.get_full_name}} no ha subido el temario de este curso. <br />
    {%endif%}

{%endif%}<!--ends if topicList-->

{% endblock %}